<html><head>
<meta charset="utf-8">
<title>文件上传Demo </title>
	<link rel="stylesheet" type="text/css" href="css/common.css" />
    <script language="JavaScript"
            src="js/jquery-3.2.3.min.js"></script>
    <script language="JavaScript"src="js/webuploader.nolog.js"></script>
	<script language="JavaScript"
            src="js/soaUploader.js"></script>
	<script language="JavaScript" src="uploaderDemo.js"></script>


<style type="text/css">
    .bg-orange {
        background-color: #FFB800 !important;
    }
    .bar {
        position: absolute;
        width: 0;
        height: 6px;
        border-radius: 20px;
        text-align: right;
        background-color: #5FB878;
        transition: all .3s;
        -webkit-transition: all .3s;
    }


</style>

</head>
<body >

	<div wings='PageInit' onSuccess="initSuccess();"></div>

<!-- 立即上传例子 -->
<div class = 'fw_div_title'>
	<span class = 'line' >&nbsp;</span>立即上传例子
</div>
<div class="hyyt_div_fileup" style="width:100%;" >
    <ul class="ldrc_grid_head">
        <li>序号</li>
        <li>文件名</li>
        <li>文件大小</li>
        <li>上传人</li>
        <li>上传时间</li>
        <li>操作</li>
    </ul>
    <ul class="ldrc_grid_body" id="wjsc_one">

    </ul>
</div>
<div style="float:left;width:100%;margin-top:10px;">
	<div id="wjsc_one_btn" >上传文件</div>

</div>

<!-- 立即上传例子 -->
<div class = 'fw_div_title'>
	<span class = 'line' >&nbsp;</span>立即上传例子2
</div>
<div class="hyyt_div_fileup" style="width:100%;" >
    <ul class="ldrc_grid_head">
        <li>序号</li>
        <li>文件名</li>
        <li>文件大小</li>
        <li>上传人</li>
        <li>上传时间</li>
        <li>操作</li>
    </ul>
    <ul class="ldrc_grid_body" id="wjsc_four">

    </ul>
</div>
<div style="float:left;width:100%;margin-top:10px;">
	<div id="wjsc_four_btn" >上传文件</div>
</div>

<!-- 延迟上传例子 （批量）-->

<div class = 'fw_div_title'>
	<span class = 'line' >&nbsp;</span>延迟上传例子 （批量）
</div>
<div class="hyyt_div_fileup uploader-list" style="width:100%;">
	<ul class="ldrc_grid_head">
        <li>进度</li>
        <li>文件名</li>
        <li>文件大小</li>
        <li>上传人</li>
        <li>上传时间</li>
        <li>操作</li>
	</ul>
	<ul class="ldrc_grid_body" id="wjsc_two">
	</ul>
</div>
<div style="float:left;width:100%;margin-top:10px;">
	<div id="wjsc_two_btn" >上传文件</div>
</div>



<div class = 'fw_div_title'>
	<span class = 'line' >&nbsp;</span>多文件重复试验
</div>
<div class="hyyt_div_fileup uploader-list" style="width:100%;">
	<ul class="ldrc_grid_head">
        <li>序号</li>
        <li>文件名</li>
        <li>文件大小</li>
        <li>上传人</li>
        <li>上传时间</li>
        <li>操作</li>
	</ul>
	<ul class="ldrc_grid_body" id="wjsc_three">
	</ul>
</div>
<div style="float:left;width:100%;margin-top:10px;">
	<div id="wjsc_three_btn" >上传文件</div>
	<input type="button" value="上  传" onclick="upload3();" class="oa_btn"/>
</div>
<div style="float:left;width:100%;margin-top:10px;">
	<div id="wjsc_downLoad_package" >打包下载</div>
	<input type="button" value="打包下载" onclick="downloadPackage();" class="oa_btn"/>
</div>
<div style="float:left;width:100%;margin-top:10px;">
	<div id="wjsc_downLoad" >单文件下载</div>
	<input type="button" value="单文件下载" onclick="download();" class="oa_btn"/>
</div>
<div style="float:left;width:100%;margin-top:10px;">
	<div id="wjsc_preview" >pdf预览</div>
	<input type="button" value="pdf预览" onclick="preview();" class="oa_btn"/>
</div>
<div style="float:left;width:100%;margin-top:10px;">
    <div id="wjsc_imag_show" >图片显示</div>
    <div><img id="showImage" src="" style="width: 40px;height: 60px"></div>
</div>


</body>


</html>